import Taro, { Component } from '@tarojs/taro'
import { Provider } from '@tarojs/redux'

import Index from './pages/index'

import configStore from './store'

import './app.styl'

// 如果需要在 h5 环境中开启 React Devtools
// 取消以下注释：
// if (process.env.NODE_ENV !== 'production' && process.env.TARO_ENV === 'h5')  {
//   require('nerv-devtools')
// }

const store = configStore()

class App extends Component {

  config = {
    pages: [
      'pages/index/index',
      'pages/person/index'
    ],
    window: {
      backgroundTextStyle: 'light',
      navigationBarBackgroundColor: '#fff',
      navigationBarTitleText: 'WeChat',
      navigationBarTextStyle: 'black'
    }, 
    tabBar: {
      color: "#666666",
      selectedColor: "#1296db",
      backgroundColor: "#fafafa",
      borderStyle: "white",

      "list": [
        {
          "text": "记账",
          "pagePath": "pages/index/index",
          "iconPath": "static/image/tab_pig.png",
          "selectedIconPath": "static/image/tab_pig_active.png"
        }, {
          "text": "个人中心",
          "pagePath": "pages/person/index",
          "iconPath": "static/image/tab_person.png",
          "selectedIconPath": "static/image/tab_person_active.png"
        }, 
      ]
    }
  }

  componentDidMount () {}

  componentDidShow () {}

  componentDidHide () {}

  componentDidCatchError () {}

  // 在 App 类中的 render() 函数没有实际作用
  // 请勿修改此函数
  render () {
    return (
      <Provider store={store}>
        <Index />
      </Provider>
    )
  }
}

Taro.render(<App />, document.getElementById('app'))
